.y-navigation {
    display: flex;
    flex-direction: column;
    z-index: 9999;
    overflow: hidden;
    position: relative;

    &__main {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    &__fixed {
        position: sticky;
        top: 0;
    }

    &__status-bar {
        width: 100%;
    }


    &__body {
        display: flex;
        flex-direction: row;
        box-sizing: border-box;
        z-index: 9999;
        position: relative;
        align-items: center;

        &-back {
            width: 60rpx;
            margin-left: 10rpx;
            cursor: pointer;
            // #ifdef MP
            margin-top: 5px;
            // #endif

            .iconfont {
                font-weight: 400 !important;
                font-size: 40rpx;
            }
        }

        &-title {
            flex: 1;

            text-align: center;
            justify-content: center;

            display: flex;
            flex-direction: row;

            text {
                flex: 1;
                display: flex;
                flex-direction: row;
                justify-content: center;
            }
        }

        &-extend {
            min-width: 70rpx;
        }
    }
}